页面构成:结构层
、表示层
、行为层
结构层
(structural layer)
结构层类似于盖房子需要打地基以及房子的悬梁框架,它是由HTML超文本标记语言来创建的,也就是页面中的各种标签,在结构层中保存了用户可以看到的所有内容,比如说:一段文字、一张图片、一段视频等等
表示层
(presentation layer)
表示层是由
CSS
负责创建,它的作用是如何显示有关内容,学名:层叠样式表
,也就相当于装修房子,看你要什么风格的,田园的、中式的、地中海的,总之CSS
都能办妥行为层
(behaviorlayer)
行为层表示网页内容跟用户之间产生交互性,简单来说就是用户操作了网页,网页给用户一个反馈,这是
JavaScript
和DOM
主宰的领域
Web标准
可以分为结构、表现、行为。
W3C
,全称world wide web consortium
是一个制定各种标准的非盈利性组织,也叫万维网联盟,标准包括HTML、CSS、ECMAScript等等,web标准的制定有很多好处,比如说:
- 可以统一开发流程,统一使用标准化开发工具(VSCode、WebStorm、Sublime),方便多人协作
- 学习成本降低,只需要学习标准就行,否则就要学习各个浏览器厂商标准
- 跨平台,方便迁移都不同设备
- 降低代码维护成本